<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>兄弟选择器</title>
    <style>
        /*接续兄弟选择器（相邻兄弟选择器）*/
        h1 + p{
            color:red;
        }

        /*后代兄弟（通用兄弟）*/
        h1~p{

            background: blue;
        }
    </style>

</head>
<body>
    <h1>春晓</h1>
    <p>春眠不觉晓</p>
    <p>处处闻啼鸟</p>
     <p>夜来风雨声</p>
    <p>花落知多少</p>

</body>
</html>